<template>
	<view class="wrap">
		<view class="wrap__main">
			<view class="main__content">
				訂單號：【新股申購未中籤】很遺憾，您的新股申購
				本次未中籤，申購金額：87340.00已退還。
			</view>
			<view class="main__footer">
				<text class="footer__title">新股申購</text>
				<text class="footer__time">時間：2023-06-12 16:50:02</text>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.wrap{
		padding: 32rpx;
		box-sizing: border-box;
		.wrap__main{
			.main__content{
				font-size: 30rpx;
				color: #CCCCCC;
				line-height: 1.6em;
			}
			.main__footer{
				@include flexRowAlign(space-between);
				margin-top: 30rpx;
				.footer__title{
					width: 128rpx;
					height: 40rpx;
					background: rgba(#458EF4, 0.2);
					border-radius: 4rpx;
					font-size: 26rpx;
					font-weight: 500;
					@include flexCenter();
					color: #458EF4;
				}
				.footer__time{
					font-size: 26rpx;
					color: #999999;
					margin-left: 20rpx;
				}
			}
		}
	}
</style>